<?php

session_start();
if (!isset($_SESSION['usuario'])) {
    header('location:../html/login.html');
}

echo '
    <center>
        <title>Lista Consentimiento Informado</title>
        <table>
            <tr>
                <td>';
                    include_once 'menu.php';
                    echo"</td>
            </tr>
        </table>";

?>

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset= UTF-8 " />
        <!-- Librerias jquery y hojas de estilo para creacion  del calendario -->
        <script src="../reportes/js/jquery-1.5.2.js" type="text/javascript"></script>
        <link rel="stylesheet" href="../reportes/css/impresion.css" type="text/css" media="print">
        <link rel="stylesheet" href="../reportes/css/jquery.ui.all.css" type="text/css">
        <script type="text/javascript" src="../reportes/js/jquery.ui.core.js"></script>
        <script type="text/javascript" src="../reportes/js/jquery.ui.widget.js"></script>
        <script type="text/javascript" src="../reportes/js/jquery.ui.datepicker.js"></script>
        <link rel="stylesheet" href="../reportes/css/pestana.css" />
        <script src="../reportes/js/jquery-ui.js"></script>
        <!-- LIBRERIAS JQUERY Y CSS PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../Ginecobstetricia/vista/js/alertify.js"></script>
	<link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.core.css" />
	<link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.default.css" />
        <link href="../../Ginecobstetricia/vista/css/bootstrap-combined.min.css" rel="stylesheet">

        <style type="text/css">
            #tabla{
                font-size: 75%;
                padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;
            }
            #filas{
                font-size: 60%;
                padding:10px 10px 10px; text-align:left;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
            }
            #apDiv1{ 
                width: 1000%;
                background-color: white;
                border-radius: 20px;
                border:1px solid #d3d3d3;
                background:#fefefe;width:auto;
                height: auto;
                margin:1% auto 0;
                -moz-border-radius:8px;
                /* FF1+ */-webkit-border-radius:8px;
                /* Saf3-4 */border-radius:8px;
                -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
            }
            #tabla2{
                width:92%;
                height: 10px;
            }
            #titulo {
                font-size: 16px;
                color: #323133;
                font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
                letter-spacing: -1px;
                text-decoration: none; 
                text-shadow: 1px 1px #fff, 0 0 #0e0e0e, 2px 3px 1px #e3e3e3; 
                text-transform: none; 
                word-spacing: -2px;
            }

            #tc{
                margin-top: -1%;
            }
            
            #scroll2{
                background:linear-gradient(#B5B5B5, #e8eaeb);
                width: 90%;
                font-size: 80%;
                padding: 5px;
                border-radius: 5px 5px 0px 0px;
            }
            
            #scroll3{
                background:linear-gradient(#e8eaeb, #B5B5B5);
                width: 90%;
                font-size: 80%;
                padding: 5px;
                border-radius: 0px 0px 5px 5px;
            }
            
            #scroll{
                overflow-y: scroll;
                width: 90%;
                height: 55%;
            }
            
            #datatables{
                width: 100%;
                height: 10%;
                font-size: 105%;
                overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:100%;-moz-border-radius:5px; /* FF1+ */-webkit-border-radius:5px; /* Saf3-4 */border-radius:5px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
            }
             .white {
                border-radius: 5px;
                color: #606060;
                border: solid 1px #b7b7b7;
                background: #fff;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
                background: -moz-linear-gradient(top,  #fff,  #ededed);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
                padding: 3px 3px 3px;
                font-size: 95%;
                margin-top: -5px;
            }
            .white:hover {
                background: #ededed;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
                background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
            }
            .white:active {
                color: #999;
                background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
                background: -moz-linear-gradient(top,  #ededed,  #fff);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
            }
            
            label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px}input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:28px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}input,textarea,.uneditable-input{width:170px}textarea{height:auto}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;*margin-top:0;line-height:normal}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}select{width:170px;background-color:#fff;border:1px solid #ccc}select[multiple],select[size]{height:auto}select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.uneditable-input,.uneditable-textarea{color:#999;cursor:not-allowed;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025)}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}input:-moz-placeholder,textarea:-moz-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}.radio,.checkbox{min-height:20px;padding-left:20px}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px}.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}.input-mini{width:60px}.input-small{width:90px}.input-medium{width:150px}.input-large{width:210px}.input-xlarge{width:270px}.input-xxlarge{width:530px}input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0}.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:926px}input.span11,textarea.span11,.uneditable-input.span11{width:846px}input.span10,textarea.span10,.uneditable-input.span10{width:766px}input.span9,textarea.span9,.uneditable-input.span9{width:686px}input.span8,textarea.span8,.uneditable-input.span8{width:606px}input.span7,textarea.span7,.uneditable-input.span7{width:526px}input.span6,textarea.span6,.uneditable-input.span6{width:446px}input.span5,textarea.span5,.uneditable-input.span5{width:366px}input.span4,textarea.span4,.uneditable-input.span4{width:286px}input.span3,textarea.span3,.uneditable-input.span3{width:206px}input.span2,textarea.span2,.uneditable-input.span2{width:126px}input.span1,textarea.span1,.uneditable-input.span1{width:46px}.controls-row{*zoom:1}.controls-row:before,.controls-row:after{display:table;line-height:0;content:""}.controls-row:after{clear:both}.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left}.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853}.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853}
             /*intercalar colores en las filas de la tabla
            * para las filas impares */
            table tr:nth-child(odd) th {
                background-color: #DAEAFF;
                font-weight: normal;
            }
            /* para las filas paras */
            table tr:nth-child(even) th {
                background-color: #FFFFFF;
                font-weight: normal;
            }
        </style>

        <script>
             function ventana(oid){
               window.open("consenPac.php?OID="+oid,"","width=1140,height=600,scrollbars=yes");
            }
            function calendario1() {
                /*funcion para invocar el funcionamiento de el calendario*/
                    $( "#fecha1" ).datepicker({ 
                     autoSize: true,
                     dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi?rcoles', 'Jueves', 'Viernes', 'S?bado'],
                     dayNamesMin: ['Dom', 'Lu', 'Ma', 'Mi', 'Je', 'Vi', 'Sa'],
                     firstDay: 1,
                     monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                     monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
                     dateFormat: 'dd-mm-yy',
                     changeMonth: true,
                     changeYear: true,
                     yearRange: "-90:+0"

                    });
            }
            function calendario2() {
                /*funcion para invocar el funcionamiento de el calendario*/
                    $( "#fecha2" ).datepicker({ 
                     autoSize: true,
                     dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi?rcoles', 'Jueves', 'Viernes', 'S?bado'],
                     dayNamesMin: ['Dom', 'Lu', 'Ma', 'Mi', 'Je', 'Vi', 'Sa'],
                     firstDay: 1,
                     monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                     monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
                     dateFormat: 'dd-mm-yy',
                     changeMonth: true,
                     changeYear: true,
                     yearRange: "-90:+0"

                    });
            }
        </script>
        <script>
           function filtrar(){
               var filtr= $("#filtro").val();
               if(filtr == "espe"){
                document.getElementById("contenido").innerHTML='<table style="font-size:75%">\
                                                                <tr>\
                                                                    <td>\
                                                                        Especialidad\
                                                                       <select name="" id="especialidad">\
                                                                            <option>Seleccione</option>\
                                                                        </select>\
                                                                    </td>\
                                                                    <td>\
                                                                         <input class="white" type="button" value="Filtrar" onclick="validar();"/>\
                                                                    </td>\
                                                                    <td>\
                                                                         <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                    </td>\
                                                                </tr>\
                                                            </table>';   
               especialidades();
               }if(filtr == "fec"){
                document.getElementById("contenido").innerHTML='<table style="font-size:77%">\
                                                                        <tr>\
                                                                            <td id="tomado">\
                                                                                Fecha Inicial:\
                                                                            </td>\
                                                                            <td>\
                                                                                <input style="width:70px;" type="text" id="fecha1" name="txtfecha1" value="" />\
                                                                            </td>\
                                                                            <td>\
                                                                                Fecha Final:\
                                                                            </td>\
                                                                            <td>\
                                                                                <input style="width:70px;" type="text" id="fecha2" name="txtfecha2" value="" />\
                                                                            </td>\
                                                                            <td>\
                                                                                <input class="white" type="button" value="Filtrar" onclick="validar();"/>\
                                                                            </td>\
                                                                            <td>\
                                                                            <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                            </td>\
                                                                        </tr>\
                                                                  </table>'; 
                    calendario1();
                    calendario2();
               }if(filtr == "paci"){
                document.getElementById("contenido").innerHTML='<table style="font-size:75%">\
                                                                <tr>\
                                                                    <td>\
                                                                        Documento\
                                                                        <input type="text" name="txtdocumento" value="" id="documento"/>\
                                                                    </td>\
                                                                    <td>\
                                                                         <input class="white" type="button" value="Filtrar" onclick="validar();"/>\
                                                                    </td>\
                                                                    <td>\
                                                                         <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                    </td>\
                                                                </tr>\
                                                            </table>';   
               }
           }
           function validar(){
               if ($("#especialidad").val()==="Seleccione"){
                alertify.alert("Seleccione una Especialidad"), function () {
                    $("#especialidad").focus();
                };
                return false;
            }
            if ($("#fecha1").val()===""){
                alertify.alert("Seleccione Fecha Inicial"), function () {
                    $("#fecha1").focus();
                };
                return false;
            }
            if ($("#fecha2").val()===""){
                alertify.alert("Seleccione Fecha Final"), function () {
                    $("#fecha2").focus();
                };
                return false;
            }
            if ($("#documento").val()===""){
                alertify.alert("Digite el Documento del Paciente"), function () {
                    $("#documento").focus();
                };
                return false;
            }
            ejecutarFiltro();
           }
        
            function ejecutarFiltro(){
                var f1 = $("#fecha1").val();
                var f2 = $("#fecha2").val();
                var dat2="";
                var filtro = document.getElementById("filtro").value;
                
                if(filtro == "espe"){
                    var dat = document.getElementById("especialidad").value;
                    dat2 = "1";
                }else if(filtro == "paci"){
                    dat = document.getElementById("documento").value;
                    dat2 = "2";
                }
                
                $.ajax ({
                type: "POST",
                contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                url: "../../ConsentimientoI/controlador/php/sql/CimedicosF.php",
                data: {dat:dat,dat2:dat2,f1:f1,f2:f2},
                success: filtro2,
                timeout: 4000 
                });
               
            }
            function filtro2(dato){
                $("#dat").text("");
                 rpt = $.parseJSON(dato);
                var resp = "";
                datos =$("#dat");
                resp+="<table width='103%' height='50' class='display' id='datatables'>\
                       <tr id='tabla'>\
                           <td colspan='2'>\
                               Fecha Registro\
                           </td>\
                           <td>\
                               Codigo\
                           </td>\
                           <td>\
                               Especialidad\
                           </td>\
                           <td>\
                               Procedimiento\
                           </td>\
                           <td>\
                               Documento\
                           </td>\
                           <td>\
                               Paciente\
                           </td>\
                           <td>\
                               Medico\
                           </td>\
                           <td>\
                               Ver\
                           </td>\
                       </tr>";
                 var con = 1;
                 for (r in rpt){
                 resp += '<tr id="filas">\
                              <th align="center">\
                                '+ con +'\
                              </th>\
                              <th align="center" title="Fecha Registro">\
                                '+ rpt[r].plmfecha +'\
                              </th>\
                               <th align="center" title="Especialidad">\
                                '+ rpt[r].oid +'\
                              </th>\
                              <th align="center" title="Especialidad">\
                                '+ rpt[r].GEEDESCRI +'\
                              </th>\
                              <th align="center" title="Nombre Procedimiento"  style="text-transform:uppercase;">\
                                '+ rpt[r].plnombre+'\
                              </th>\
                              <th align="center" title="Documento Paciente">\
                                '+ rpt[r].PACNUMDOC +'\
                             </th>\
                             <th align="center" title="Nombre Paciente">\
                                '+ rpt[r].nom_paciente +'\
                             </th>\
                             <th align="center" title="Nombre Paciente">\
                                '+ rpt[r].usu_nombres +'\
                             </th>\
                             <th align="center" title="Ver Consentimiento Informado De '+rpt[r].nom_paciente+'">\
                                <img src="../imagen/vers.png" width="20" height="20" alt="vers" onclick="ventana('+ rpt[r].oid +');"/>\
                             </th>\
                          </tr>\ ';
                   con++;
             }        
             resp += "</table>";
             datos.append(resp);
        }
        
            function datosC(){
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url:"../../ConsentimientoI/controlador/php/sql/Cimedicos.php",
                    success: datos,
                    timeout: 4000
                }); 
            }
            function datos(dato){
                rpt = $.parseJSON(dato);
                var resp = "";
                datos =$("#dat");
                resp+="<table width='103%' height='50' class='display' id='datatables'>\
                       <tr id='tabla'>\
                           <td colspan='2'>\
                               Fecha Registro\
                           </td>\
                           <td>\
                               Codigo\
                           </td>\
                           <td>\
                               Especialidad\
                           </td>\
                           <td>\
                               Procedimiento\
                           </td>\
                           <td>\
                               Documento\
                           </td>\
                           <td>\
                               Paciente\
                           </td>\
                           <td>\
                               Medico\
                           </td>\
                           <td>\
                               Ver\
                           </td>\
                       </tr>";
                 var con = 1;
                 for (r in rpt){
                 resp += '<tr id="filas">\
                              <th align="center">\
                                '+ con +'\
                              </th>\
                              <th align="center" title="Fecha Registro">\
                                '+ rpt[r].plmfecha +'\
                              </th>\
                               <th align="center" title="Especialidad">\
                                '+ rpt[r].oid +'\
                              </th>\
                              <th align="center" title="Especialidad">\
                                '+ rpt[r].GEEDESCRI +'\
                              </th>\
                              <th align="center" title="Nombre Procedimiento"  style="text-transform:uppercase;">\
                                '+ rpt[r].plnombre+'\
                              </th>\
                              <th align="center" title="Documento Paciente">\
                                '+ rpt[r].PACNUMDOC +'\
                             </th>\
                             <th align="center" title="Nombre Paciente">\
                                '+ rpt[r].nom_paciente +'\
                             </th>\
                             <th align="center" title="Nombre Paciente">\
                                '+ rpt[r].usu_nombres +'\
                             </th>\
                             <th align="center" title="Ver Consentimiento Informado De '+rpt[r].nom_paciente+'">\
                                <img src="../imagen/vers.png" width="20" height="20" alt="vers" onclick="ventana('+ rpt[r].oid +');"/>\
\
                             </th>\
                          </tr>\ ';
                   con++;
             }        
             resp += "</table>";
             datos.append(resp);
        }
        function recargar(){
            document.location.reload();
        }
        
        function especialidades(){
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../ConsentimientoI/controlador/php/sql/especialidad.php",
                    success: mostrarespeci,
                    timeout: 4000
                });
            }
            function mostrarespeci(datos){
                rptn = $.parseJSON(datos);
                
                datos = $("#especialidad");
                for(datn in rptn ){
                    datos.append("<option value='"+ rptn[datn].OID +"'>"+ rptn[datn].GEEDESCRI +"</option>");
                }
                
            }
        </script>
    </head>
    <body onload="datosC();">
    <center>
        <div id="scroll2"><b>LISTA DE CONSENTIMIENTO INFORMADO</b></div>
        <div id="scroll">
            <div id="dat"></div>
        </div>
    <div id="scroll3">
        <table width="100%">
            <tr>
                <td width="23%"  style="font-size: 75%">
                    Filtrar Por:
                    <select name="cbfiltro" id="filtro" onchange="filtrar();">
                        <option>Seleccione</option>
                        <option value="espe">Especialidad</option>
                        <option value="fec">Fecha</option>
                        <option value="paci">Paciente</option>
                 </select>
              </td>
              <td>
                  <div id="contenido"></div>
              </td>
            </tr>
        </table>
    </div>
    </center>
</body>
</html>